<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!-- 定义项目路径   url标签可以  -->
<c:set var="baseCtx" value="${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}"/>

<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<style>
	a{
		text-decoration: none;
		color: #7c7e7d;
		cursor:pointer;
	}
</style>
<div style="height:200px;width:100%;"></div>
<div class="footerBox">
	<div class="footer">
技术支持：天津伊翔运达网络科技有限公司
	</div>
</div>
<script type="text/javascript">
var ctx = "${ctx}"; 
</script>
<script src="${ctx}/js/analysis.js"></script>
<script src="${ctx}/jslib/layui/layui.js"></script>
<script src="${ctx}/js/common.js" type="text/javascript" charset="utf-8"></script>
<script>
var userId = ${sessionInfo.id};
var socket = null;  // 判断当前浏览器是否支持WebSocket
if (window.WebSocket){
	socket = new WebSocket("ws://192.168.1.40:8081/websocket/"+userId);
} else {
	//layer.alert('该浏览器不支持本系统部分功能，请使用谷歌或火狐浏览器！');
}
layui.use('layim', function(layim){
	var autoReplay = [
		'您好，我现在有事不在，一会儿再和您联系。'
	];
	//基础配置
	layim.config({
		//获取主面板列表信息
		init: {
			url: '${ctx}/user/imList' //接口地址（返回的数据格式见下文）
			,type: 'get' //默认get，一般可不填
			,data: {} //额外参数
		}
		//配置我的信息（如果设定了该参数，则优先读取该参数，如果没有，这读取init返回的mine信息）
		,mine: {
			"username": '${sessionInfo.name}' //我的昵称
			,"id": '${sessionInfo.id}' //我的ID
			,"status": "online" //在线状态 online：在线、hide：隐身
			,"sign": "沒辦法，就是這麼牛！" //我的签名
			,"avatar": "${ctx}/image/logo.jpg" //我的头像
		}
		,uploadImage: {
			url: 'http://192.168.1.40:8081/file/imUploadFile?userId='+userId
			,type: '' //默认post
		}
		,uploadFile: {
			url: 'http://192.168.1.40:8081/file/imUploadFile?userId='+userId
			,type: '' //默认post
		}
		,brief: false //是否简约模式（默认false，如果只用到在线客服，且不想显示主面板，可以设置 true）
		,title: '咿咿' //主面板最小化后显示的名称
		,min: false //用于设定主面板是否在页面打开时，始终最小化展现。默认false，即记录上次展开状态。
		,minRight: null //【默认不开启】用户控制聊天面板最小化时、及新消息提示层的相对right的px坐标，如：minRight: '200px'
		,maxLength: 3000 //最长发送的字符长度，默认3000
		,isfriend: true //是否开启好友（默认true，即开启）
		,isgroup: false //是否开启群组（默认true，即开启）
		,right: '2px' //默认0px，用于设定主面板右偏移量。该参数可避免遮盖你页面右下角已经的bar。
		,chatLog: '' //聊天记录地址（如果未填则不显示）
		,find: '' //查找好友/群的地址（如果未填则不显示）
		,copyright: true //是否授权，如果通过官网捐赠获得LayIM，此处可填true
	});
	// 连接发生错误的回调方法
	socket.onerror = function() {
		//console.log("连接失败!");
	};
	// 连接成功建立的回调方法
	socket.onopen = function(event) {
		//console.log("链接成功!");
	}

	// 接收到消息的回调方法
	socket.onmessage = function(event) {
		//console.log("收到消息啦:" +event.data);
		var obj=eval("("+event.data+")");
		layim.getMessage(obj);
	}

	// 连接关闭的回调方法
	socket.onclose = function() {
		//console.log("关闭连接！!");
	}
	// 监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
	window.onbeforeunload = function() {
		socket.close();
	}

	// 监听发送消息
	layim.on('sendMessage', function(data){
		var obj={
			"mine":{
				"avatar":data.mine.avatar,
				"content":data.mine.content,
				"id":data.mine.id,
				"mine":true,
				"username":data.mine.username
			},
			"to":{
				"avatar":data.to.avatar,
				"id":data.to.id,
				"name":data.to.groupname,
				"sign":data.to.sign,
				"type":data.to.type,
				"username":data.to.username
			}
		}
		//console.log(data);
		socket.send(JSON.stringify(obj));  	//发送消息倒Socket服务
	});
	//监听在线状态的切换事件
	layim.on('online', function(data){
		//console.log(data);
	});

	//layim建立就绪
	layim.on('ready',function(res){

	});

	//监听查看群员
	layim.on('members', function(data){
		//console.log(data);
	});

	//监听聊天窗口的切换
	layim.on('chatChange', function(data){
		//console.log(data);
	});

});
</script>